<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>
<%@ taglib uri="http://matrixcsm.zkingsoft.com" prefix="cms"%>
<cms:ads   code="'img_JX5k10',
'ZY_GuanYuWoMen_1',
'ZY_QuanMianZhiLiangGuanLi_2',
'ZY_XunHuan_3',
'img_X6gYj4',
'ZY_YongYouDuoTiaoChaoSheng_5',
'ZY_DuoTiaoShengChanXian_6',
'img_e7u3P7',
'ZY_WoMenKeZuo_8',
'ZY_JiShiJiaoHuo_9',
'img_PP7Jw10',
'ZY_YuDiSanFangJianCe_11',
'ZY_ZhiLiangBaoZheng_12',
'img_eN9IR13',
'ZY_WanShanDeShouHouGuan_14',
'ZY_WanShanDeShouHouFu_15',
'ZY_LeJieGengDuo_16',
'img_H5nf117',
'ZY_ChanPin_18',
'img_K2jLQ19',
'ZY_DaDouTiQuWu_20',
'lycin_21',
'ZY_TiQuBuWeiPei_22',
'ZY_DaDouYiHuangTong_23',
'img_GuXSy24',
'ZY_DaDouTiQuWu_25',
'lycin_26',
'ZY_TiQuBuWeiPei_27',
'ZY_DaDouYiHuangTong_28',
'img_iijiA29',
'ZY_DaDouTiQuWu_30',
'lycin_31',
'ZY_TiQuBuWeiPei_32',
'ZY_DaDouYiHuangTong_33',
'ZY_LeJieGengDuo_34',
'img_$eTJ635',
'ZY_YiJiaZhuanYeCongShi_36',
'ZY_ZiYuanYingYangChengFen_37',
'ZY_GongSiWeiYuHuNan_38',
'img__6EbB39',
'ZY_LeJieGengDuo_40',
'img__A1bM41',
'ZY_XinWenZiXun_42',
'img_BUzN543',
'ZY_44_44',
'ZY_HuNanXingXinShengWu_45',
'img_MUaBN46',
'ZY_47_47',
'ZY_HuNanXingXinShengWu_48',
'ZY_LeJieGengDuo_49',
'img_v7Ey550'
"  ></cms:ads>
<!doctype html>
<html>
 <head> 
  <meta charset="utf-8"> 
  <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
  <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"> 
  <meta content="telephone=no" name="format-detection"> 
  <meta content="yes" name="apple-mobile-web-app-capable"> 
  <link rel="icon" sizes="any" href="${浏览器logo}">
  <title>${网页标题}</title>
  <link rel="stylesheet" type="text/css" href="https://gwfile.csxuncong.com/xxswen/mobile/./css/common.css">
  <link rel="stylesheet" type="text/css" href="https://gwfile.csxuncong.com/xxswen/mobile/./css/swiper.min.css">
  <link rel="stylesheet" type="text/css" href="https://gwfile.csxuncong.com/xxswen/mobile/./css/iconfont.css">
  <style>.about-us{ background: #F5F5F5 ; padding: 20px 10px 0px; } .about-us-box{ display: flex; flex-wrap: wrap; align-items: center; } .about-us-item{ width: 50%; padding: 10px 10px; box-sizing: border-box; } .about-us-item img{ width: 100%; display: flex; } .about-us-item p{  height: 160px;
                                                                                                                                                                                                                                                                       font-size: 14px;
                                                                                                                                                                                                                                                                       color: rgba(47,55,47,0.7);
                                                                                                                                                                                                                                                                       margin-top: 10px;
                                                                                                                                                                                                                                                                      } .about-us-item:nth-of-type(3) p{  height: 218px;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               font-size: 14px;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               color: rgba(47,55,47,0.7);
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               margin-top: 10px;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              } .about-us-item:nth-of-type(4) p{  height: 210px;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               font-size: 14px;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               color: rgba(47,55,47,0.7);
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               margin-top: 10px;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              } .about-us-item a{ font-size: 16px; padding-bottom: 5px; border-bottom: 1px solid rgba(47,55,47,0.7); } .item-bottom{ padding: 30px 0; } .item-bottom a{ display: flex; align-items: center; justify-content: center; } .item-bottom a span{ font-size: 12px; padding-bottom: 5px; border-bottom: 1px solid rgba(47,55,47,0.7); margin-right: 10px; } .item-bottom img{ width: 35px; height: 35px; } .product{ padding: 20px 20px 0; } .product-item{ display: flex; align-items: center; margin-top: 20px; } .product-item img{ width: 50%; margin-right: 10px; } .product-details p:nth-of-type(1){ color: #3EA836 ; font-size: 16px; font-weight: bold; margin-bottom: 5px; } .product-details span{ color: #3EA836 ; font-size: 16px; border-bottom: 1px solid #3EA836; } .product-details p:nth-of-type(2){ color: rgba(47,55,47,0.7); font-size: 13px; margin-top: 20px; } .product-details p:nth-of-type(3){ color: rgba(47,55,47,0.7); font-size: 13px; margin-top: 5px; } .company-profile{ background: #f5f5f5; padding: 20px 20px 0; } .company-profile>p{ font-size: 14px; line-height: 20px; color: rgba(47,55,47,0.7); } .company-profile>img{ width: 100%; margin-top: 20px; } .news{ padding: 20px 20px 0; } .news-item{ position: relative; margin-top: 20px; } .news-item img{ width: 100%; } .item-text{ position: absolute; bottom: 10px; padding: 10px; } .item-time{ font-size: 11px; color: rgba(255,255,255,0.7); } .item-content{ font-size: 16px; color: #FFFFFF; }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              .title-wrap .sub-title{    text-align: center;}
  .product-details span{font-style: italic;}
  </style>
  <meta name="keywords" content="${网页关键词}">
  <meta name="description" content="${网页描述 }">
 </head> 
 <body> 
  <jsp:include page="_top.jsp"></jsp:include>
  <cms:ad var="banner" code="mobile_banner"></cms:ad>
  <div class="banner">
   <div class="swiper-container swiper-header"> 
    <div class="swiper-wrapper">

     <c:forEach items="${banner }" var="item">
     <div class="swiper-slide">
      <img src="${item.adImg}" class="header-bg zy" data-type="ad" data-id="${item.adId}">
     </div>
     </c:forEach>

    </div> 
    <!-- 如果需要分页器 --> 
    <div class="swiper-pagination"></div> 
   </div> 
  </div> 
  <div> 
   <div class="about-us"> 
    <div class="title-wrap flex flex-v align-center"> 
     <h3 class="title zy" data-type="ad" data-id="${ZY_GuanYuWoMen_1.adId}">${ZY_GuanYuWoMen_1.adTitle}</h3> 
     <h4 class="sub-title color-gray zy" data-type="ad" data-id="${ZY_QuanMianZhiLiangGuanLi_2.adId}">${ZY_QuanMianZhiLiangGuanLi_2.adTitle}</h4> 
    </div> 
    <div class="about-us-box"> 
     <div class="about-us-item"> 
      <img src="${img_X6gYj4.adImg}" class="zy" data-type="ad" data-id="${img_X6gYj4.adId}"> 
      <p class="zy" data-type="ad" data-id="${ZY_YongYouDuoTiaoChaoSheng_5.adId}">${ZY_YongYouDuoTiaoChaoSheng_5.adTitle}</p> 
      <a href="${ZY_DuoTiaoShengChanXian_6.adUrl}" class="zy" data-type="ad" data-id="${ZY_DuoTiaoShengChanXian_6.adId}">${ZY_DuoTiaoShengChanXian_6.adTitle}</a> 
     </div> 
     <div class="about-us-item"> 
      <img src="${img_e7u3P7.adImg}" class="zy" data-type="ad" data-id="${img_e7u3P7.adId}"> 
      <p class="zy" data-type="ad" data-id="${ZY_WoMenKeZuo_8.adId}">${ZY_WoMenKeZuo_8.adTitle}</p> 
      <a href="${ZY_JiShiJiaoHuo_9.adUrl}" class="zy" data-type="ad" data-id="${ZY_JiShiJiaoHuo_9.adId}">${ZY_JiShiJiaoHuo_9.adTitle}</a> 
     </div> 
     <div class="about-us-item"> 
      <img src="${img_PP7Jw10.adImg}" class="zy" data-type="ad" data-id="${img_PP7Jw10.adId}"> 
      <p class="zy" data-type="ad" data-id="${ZY_YuDiSanFangJianCe_11.adId}">${ZY_YuDiSanFangJianCe_11.adTitle}</p> 
      <a href="${ZY_ZhiLiangBaoZheng_12.adUrl}" class="zy" data-type="ad" data-id="${ZY_ZhiLiangBaoZheng_12.adId}">${ZY_ZhiLiangBaoZheng_12.adTitle}</a> 
     </div> 
     <div class="about-us-item"> 
      <img src="${img_eN9IR13.adImg}" class="zy" data-type="ad" data-id="${img_eN9IR13.adId}"> 
      <p class="zy" data-type="ad" data-id="${ZY_WanShanDeShouHouGuan_14.adId}">${ZY_WanShanDeShouHouGuan_14.adTitle}</p> 
      <a href="${ZY_WanShanDeShouHouFu_15.adUrl}" class="zy" data-type="ad" data-id="${ZY_WanShanDeShouHouFu_15.adId}">${ZY_WanShanDeShouHouFu_15.adTitle}</a> 
     </div> 
    </div> 
    <div class="item-bottom"> 
     <a href="${path}/do/redirect/mobile/server">
      <span class="zy" data-type="ad" data-id="${ZY_LeJieGengDuo_16.adId}">${ZY_LeJieGengDuo_16.adTitle}</span>
      <img src="${img_H5nf117.adImg}" class="zy" data-type="ad" data-id="${img_H5nf117.adId}">
     </a>
    </div> 
   </div> 
   <div class="product"> 
    <div class="title-wrap flex flex-v align-center"> 
     <h3 class="title zy" data-type="ad" data-id="${ZY_ChanPin_18.adId}">${ZY_ChanPin_18.adTitle}</h3> 
    </div>

    <cms:arts var="arts" code="cp" pageNow="0" pageSize="3"></cms:arts>
    <c:forEach items="${arts }" var="art" varStatus="status" >
    <div class="product-item">
     <img src="${art.artImage}" />
     <div class="product-details"> 
      <p>${art.artTitle}</p>
      <span>${art.artLables}</span>
      <p>${art.artAbstract}</p>
     </div>
    </div>
    </c:forEach>
    <div class="item-bottom"> 
     <a href="${path}/do/redirect/mobile/product?code=zwtqw">
      <span class="zy" data-type="ad" data-id="${ZY_LeJieGengDuo_34.adId}">${ZY_LeJieGengDuo_34.adTitle}</span>
      <img src="${img_$eTJ635.adImg}" class="zy" data-type="ad" data-id="${img_$eTJ635.adId}">
     </a>
    </div> 
   </div> 
   <div class="company-profile"> 
    <div class="title-wrap flex-v align-center"> 
     <h3 class="title zy" data-type="ad" data-id="${ZY_YiJiaZhuanYeCongShi_36.adId}">${ZY_YiJiaZhuanYeCongShi_36.adTitle}</h3> 
    </div> 
    <p class="zy" data-type="ad" data-id="${ZY_GongSiWeiYuHuNan_38.adId}">${ZY_GongSiWeiYuHuNan_38.adTitle}</p> 
    <img src="${img__6EbB39.adImg}" class="zy" data-type="ad" data-id="${img__6EbB39.adId}"> 
    <div class="item-bottom"> 
     <a href="${path}/do/redirect/mobile/aboutUs">
      <span class="zy" data-type="ad" data-id="${ZY_LeJieGengDuo_40.adId}">${ZY_LeJieGengDuo_40.adTitle}</span>
      <img src="${img__A1bM41.adImg}" class="zy" data-type="ad" data-id="${img__A1bM41.adId}">
     </a>
    </div> 
   </div> 
   <div class="news"> 
    <div class="title-wrap flex-v align-center"> 
     <h3 class="title zy" data-type="ad" data-id="${ZY_XinWenZiXun_42.adId}">${ZY_XinWenZiXun_42.adTitle}</h3> 
    </div>
    <cms:arts var="artList" code="xwzx" pageNow="0" pageSize="2"></cms:arts>
    <c:forEach items="${artList }" var="item" >
     <a href="${path}/do/redirect/mobile/newsDetail?id=${item.artId}">
      <div class="news-item">
       <img src="${item.artImage}" />
       <div class="item-text">
        <p class="item-time zy"><fmt:formatDate pattern="yyyy-MM-dd" value="${item.artCreatetiem}" ></fmt:formatDate></p>
        <p class="item-content zy">${item.artTitle}</p>
       </div>
      </div>
     </a>
    </c:forEach>
    <div class="item-bottom"> 
     <a href="${path}/do/redirect/mobile/news">
      <span class="zy" data-type="ad" data-id="${ZY_LeJieGengDuo_49.adId}">${ZY_LeJieGengDuo_49.adTitle}</span>
      <img src="${img_v7Ey550.adImg}" class="zy" data-type="ad" data-id="${img_v7Ey550.adId}">
     </a>
    </div> 
   </div> 
  </div> 
  <jsp:include page="_footer.jsp"></jsp:include> 
  <script src="https://gwfile.csxuncong.com/xxswen/mobile/./js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
  <script>
			var mySwiper = new Swiper ('.swiper-header', {
			  autoplay: false,
			  
			  // 如果需要分页器
			  pagination: '.swiper-pagination',
			  
			})
			var swiper = new Swiper('.academic .swiper-container',{
			    speed:1000,
			    loop:true,
			    loopedSlides: 5,
			    centeredSlides : true,
			    slidesPerView: 3,
			    spaceBetween: 0,
			});
			function showPopup() {
				var popBg = document.getElementById("popBg");
				var popBox = document.getElementById("popBox");
				popBox.style.animation = "popup 1s"
				popBg.style.display = "block";
				popBox.style.display = "block";	
			};
			/*点击关闭按钮*/
			function closePopup() {
				var popBg = document.getElementById("popBg");
				var popBox = document.getElementById("popBox");
				popBg.style.display = "none";
				popBox.style.display = "none"						
			}
		</script>   
 </body>
</html>